<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="<{'static/css/bootstrap/bootstrap.min.css'|url}>" />
		<link rel="stylesheet" href="<{'static/css/bootstrap/bootstrap-responsive.min.css'|url}>" />
		<!--[if lt IE 6]> <link rel="stylesheet" href="<{'static/css/bootstrap/bootstrap-ie6.min.css'|url}>" /> <![endif]-->
		<{include file='html.tpl'}>
		<link rel="stylesheet" href="<{'static/css/unicorn.main.css'|url}>" />
		<link rel="stylesheet" href="<{'static/css/unicorn.grey.css'|url}>" class="skin-color" />

		<{include file="form.tpl"}>

		<script src="<{'static/js/bootstrap/bootstrap.min.js'|url}>"></script>
		<!--[if lt IE 6]> <script src="<{'static/js/bootstrap/bootstrap-ie.js'|url}>"></script> <![endif]-->
		<script language="javascript" src="<{'static/js/DatePicker/WdatePicker.js'|url}>"></script>
	</head>
	<body>
		<div id="header">
			<h1><a href="<{'admin'|url}>">Home</a></h1>	
		</div>
		<{include file="admin/nav.tpl"}>

		<{include file="admin/sidebar.tpl"}>

		<{include file="admin/style-switcher.tpl"}>
		
		<div id="content">
			<div id="content-header">
				<h1>添加用戶</h1>
				<{include file="admin/widget.tpl"}>
			</div>
			<div id="breadcrumb">
				<a href="<{'admin'|url}>" title="返回首頁" class="tip-bottom"><i class="icon-home"></i> 後臺</a>
				<a href="<{'admin/member/list'|url}>">用戶管理</a>
				<a href="<{'admin/member/add'|url}>" class="current">添加用戶</a>
			</div>
			<div class="container-fluid">
				<div class="row-fluid">
					<div class="span12">
						<div class="widget-box">
							<div class="widget-title">
								<span class="icon">
									<i class="icon-align-justify"></i>									
								</span>
								<h5>添加用戶</h5>
							</div>
							<div class="widget-content nopadding">
								<form class="form-horizontal" method="post" action="<{'admin/member/add_query'|url}>" id="form" novalidate="novalidate" notheme="true" autocomplete="off">
									<{include file="admin/member_edit_form.tpl"}>
								</form>
							</div>
						</div>			
					</div>
				</div>
				
				<{include file="admin/copyright.tpl"}>
			</div>
		</div>
<{include file="admin/footer.tpl"}>
<script type="text/javascript">
(function($){
$().ready(function(){
	$('#form').submit_validate(<{$_validate}>);

	$('#username').siblings(".help-block").show();
	$('#film_timeline').on('focus',function(){
		WdatePicker({
			skin: 'twoer',
			isShowClear:true,
			readOnly:true,
			dateFmt:'yyyy-MM-dd',
			isShowOthers:false
		});
	});
});
})(jQuery);
</script>
	</body>
</html>
